<html>
<head>
    <link rel="stylesheet" href="./prototype.css" />
	<script type="text/javascript" src="./prototype.js"></script>
	<!--IE does strange things if you declare your script link as <script blah />-->
    <title>Darwin Online Submission System</title>
</head>
<body>

<div id="content">
	<h3>Login</h3>
	<form action="">
	<table>
	<tr>
	<td><label>Student/Staff ID:</label></td>
	<td><input type="text" name="username"/></td>
	</tr>
	
	<tr>
	<td><label>Password:</label></td>
	<td><input type="password" name="password"/></td>
	</tr>
	
	</table>
	<input type="button" value="Login" onclick="validate_required(username,password)" target="content"/>
	<!--
	Note: The full system should automatically know whether to show the staff or student
	interface based on their usernames.
	-->
	
	<p></p>
	<input type="button" value="Staff Login (Test)" onclick="gotoStaffLoggedIn()" target="content"/>
	</form>
</div>

</body>
</html>